.mechanism_nav_left .fromCom /deep/.el-input__inner {
  width: 100% !important;
}

.mechanism_nav_left .fromCom /deep/ .el-input__suffix {
  height: 25px;
}

.page_detail {
  height: 100%;

}

.tableInfo {
  position: relative;
  height: 100%;
  overflow-y: auto;
  border-top: 1px solid #ccc;
  padding: 0 10px 10px;
  box-sizing: border-box;
  font-size: 0.14rem;

  .tableInfoBox {
    width: 100%;
    display: flex;
    align-items: center;

    /deep/ .el-input {
      width: 8%;
    }
  }

  .tableInfoBox1 {
    /deep/ .el-input {
      width: 15%;
    }

    /deep/ .el-button--warning {
      background-color: #f68d4c !important;
      border-color: #f68d4c !important;
    }
  }

  .lineChart {
    width: 100%;
    // height: 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    .line_Chart {
      width: 100%;
      height: 2.8rem;
    }

    .line_Text {
      width: 100%;
      height: 40px;
      font-size: 15px;
      font-weight: 700;
      display: flex;
      justify-content: center;
      align-items: center;
      border-bottom: 1px solid #ccc;

    }

    .lineChartList {
      width: 100%;
      display: flex;
      border-right: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      box-sizing: border-box;

      .lineChartListBox {
        width: 25%;
        line-height: 25px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-left: 1px solid #ccc;
      }
    }

    .HistogramChart {
      width: 100%;
      border-right: 1px solid #ccc;
      border-top: 1px solid #ccc;

      .HistogramList {
        width: 100%;
        border-bottom: 1px solid #ccc;
        display: flex;

        .HistogramChartBox {
          border-left: 1px solid #ccc;
          line-height: 25px;
          display: flex;
          justify-content: center;
          align-items: center;
        }
      }

    }

    img {
      height: 3rem;
    }

  }
}